$white: #fff;
$black: #020201;
$theme: #291600;
$theme-light: #ac7f58;
$font_size: 12px;
$nav_h: 44px;
$device_h: 100vh;
$device_w: 100vw;
$view_w: 20rem;
$base_index: 1;
.page_home {
  height: 100%;
  width: 100%;
  section.carousel {
    z-index: $base_index + 1;
    .carousel {
      height: $device_h;
      padding-bottom: 47px;
      overflow: hidden;
      .carousel-control {
        display: none;
      }
      .carousel-inner {
        height: $device_h;
        padding-bottom: 47px;
        .item {
          height: $device_h;
          padding-bottom: 47px;
          img {
            height: $device_h;
            padding-bottom: 47px;
            width: 100%;
          }
        }
      }
      .carousel-indicators {
        opacity: .8;
        bottom: 50px;
        li {
          height: .5rem;
          width: .5rem;
          margin: 0 .2rem;
        }
      }
    }
  }
  .pacer {
    z-index: $base_index + 2;
    padding: 7px 0;
    width: 100%;
    margin: 0 auto;
    background-color: $theme;
    overflow: hidden;
    p {
      margin: 0;
      color: $white;
    }
    .icon {
      font-size: 33px;
    }
    .go {
      position: relative;
      font-size: 12px;
      .cartnum {
        position: absolute;
        display: inline-block;
        line-height: 16px;
        font-size: 8px;
        right: 30px;
        top: -5px;
        min-height: 16px;
        min-width: 16px;
        border-radius: 50%;
        color: $white;
        white-space: nowrap;
      }
    }
  }
}

//.page_home {
//  background-color: $theme;
//  padding-bottom: $nav_h;
//  min-height: $device_h;
//  overflow: hidden;
//  article {
//    section.carousel {
//      position: relative;
//      overflow: hidden;
//      z-index: $base_index + 1;
//      height: $view_w/64*54;
//      width: $view_w;
//      border-top: 1px solid $theme;
//      .carousel {
//        height: $view_w/64*54;
//        overflow: hidden;
//      }
//      img {
//        height: $view_w/64*54;
//        width: 100%;
//      }
//      .carousel-indicators {
//        opacity: .8;
//        bottom: 0;
//        li {
//          height: 7px;
//          width: 7px;
//          margin: 0 .2rem;
//        }
//      }
//    }
//    nav.navbar {
//      width: 100%;
//      margin-bottom: 0;
//      padding: .25rem 1rem 0 1rem;
//      .tabs {
//        .tab {
//          width: 20%;
//          float: left;
//          padding: .25rem .25rem .3rem 0;
//          img {
//            position: relative;
//            width: 100%;
//            margin-bottom: .3rem;
//          }
//        }
//        .tab.active {
//          background: url("/Public/Image/tab_active_bg2.png") no-repeat;
//          border-top-left-radius: 8px;
//          border-top-right-radius: 8px;
//          overflow: hidden;
//          background-size: contain;
//        }
//      }
//    }
//    section.home_player {
//      height: 11rem;
//    }
//    section.list {
//      .nothing {
//        font-size: 16px;
//        margin: 30px auto;
//        color: $theme-light;
//      }
//      .comOne {
//        background-color: $white;
//        margin: .25rem;
//        border: .1rem solid $theme-light;
//        color: $theme;
//        overflow: hidden;
//        height: 9.25rem;
//        .pic {
//          float: left;
//          width: 47%;
//          background-color: $white;
//          img {
//            min-height: 9.25rem;
//            width: 100%;
//          }
//        }
//        .info {
//          float: left;
//          width: 53%;
//          padding: .2rem .3rem 0;
//          font-size: .7rem;
//          p {
//            margin: 0;
//            color: $theme-light;
//          }
//          .name {
//            margin-bottom: .3rem;
//            font-size: .9rem;
//            font-weight: 600;
//          }
//          .desc {
//            margin-bottom: .3rem;
//            height: 2.9rem;
//            overflow: hidden;
//            text-overflow: ellipsis;
//            display: -webkit-box;
//            -webkit-line-clamp: 3;
//            -webkit-box-orient: vertical;
//          }
//          .price {
//            font-size: .6rem;
//            color: $theme-light;
//            .num {
//              font-size: 1.5rem;
//            }
//          }
//        }
//        .operate {
//          clear: both;
//          position: relative;
//          right: -17rem;
//          bottom: 1.75rem;
//          height: 0;
//          overflow: visible;
//          transition: all .3s ease;
//          -webkit-transition: all .3s ease;
//          p {
//            height: 1.5rem;
//            width: 1.5rem;
//            margin: 0;
//            border-radius: 50%;
//          }
//          p.icon-ss-plus {
//            font-size: 1.5rem;
//            color: $theme-light;
//          }
//          p.num {
//            height: 1.5rem;
//            border: 0;
//            line-height: 1.5rem;
//            font-size: .8rem;
//            color: $black;
//          }
//          p.icon-ss-minus {
//            font-size: 1.5rem;
//            color: $theme-light;
//          }
//        }
//        .operate.show {
//          bottom: 4.75rem;
//        }
//        .tag {
//          position: relative;
//          right: 0;
//          top: 0;
//          height: 0;
//          overflow: visible;
//          img {
//            height: 2.5rem;
//            width: 2.5rem;
//          }
//        }
//      }
//    }
//  }
//  .suport {
//    padding: 0 .25rem .25rem .25rem;
//    img {
//      width: 50%;
//      float: left;
//      white-space: nowrap;
//      &:first-child {
//        padding-right: .125rem;
//      }
//      &:last-child {
//        padding-left: .125rem;
//      }
//    }
//  }
//  .pacer {
//    height: 40px !important;
//    width: 51% !important;
//    margin: 0 auto;
//    background-color: rgba(41, 22, 0, .8);
//    overflow: hidden;
//    border-top-left-radius: 4px;
//    border-top-right-radius: 4px;
//    .go {
//      line-height: 40px;
//      font-size: 28px;
//      .cartnum {
//        display: inline-block;
//        line-height: 16px;
//        font-size: 8px;
//        left: 16px;
//        min-height: 16px;
//        min-width: 16px;
//        border-radius: 50%;
//        color: $white;
//        position: relative;
//        bottom: 56px;
//        white-space: nowrap;
//      }
//    }
//  }
//}
